<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<meta http-equiv="keywords" content="${channel.keywords!}"/>
<meta http-equiv="description" content="${channel.description!}"/>
<title>${channel.title!channel.name} - ${site.name} - Powered by JavaCMS</title>
<link rel="stylesheet" type="text/css" href="/${mobileRes!}/css/index.css"> 
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${mobileRes!}/js/hhSwipe.js" ></script>
<script type="text/javascript">
$(function() {
	Cms.channelViewCount("${base}","${channel.id}");
	Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");
});
</script>

<!--[if lt IE 9]> 
<script src="/${res}/js/html5shiv.min.js"></script>
<script src="/${res}/js/respond.min.js"></script>
<![endif]-->

</head>

<body>
<div class="viewport">
  [#include "../include/header.html" /]
  <div class="addWrap">
	<div class="swipe" id="mySwipe">
		<div class="swipe-wrap">
			<div><a href="javascript:;"><img class="img-responsive" src="/${mobileRes!}/images/video_banner01.jpg"/>
               <div class="slBanrTxt"><p>南美牧民的生活：马背上的繁忙与孤寂</p></div>
                 </a></div>
			<div><a href="javascript:;"><img class="img-responsive" src="/${mobileRes!}/images/video_banner01.jpg" />
               <div class="slBanrTxt"><p>南美牧民的生活：马背上的繁忙与孤寂</p></div>
                 </a></div>
			<div><a href="javascript:;"><img class="img-responsive" src="/${mobileRes!}/images/video_banner01.jpg"/>
               <div class="slBanrTxt"><p>南美牧民的生活：马背上的繁忙与孤寂</p></div>
                 </a></div>
		</div>
	</div>	
	<ul id="position">
      <li class="cur">1</li>
	  <li>2</li>
	  <li>3</li>
      <span>/3</span>
	</ul>
  </div>
  <script type="text/javascript">
	var bullets = document.getElementById('position').getElementsByTagName('li');
	
	var banner = Swipe(document.getElementById('mySwipe'), {
		auto: 3000,
		continuous: true,
		disableScroll:false,
		callback: function(pos) {
			var i = bullets.length;
			while (i--) {
				bullets[i].className = ' ';
			}
			bullets[pos].className = 'cur';
		}
	})
  </script>
  <div class="newList">
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList01.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">悬崖上的求学路</div>
        <div class="item-des">走崖壁，爬藤梯，用2个小时，从学校到…</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList02.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">马英九8年：从万人迷到受气包</div>
        <div class="item-des">8年后，马英九拖着疲惫的身影离去。</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList03.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">云南这个村子居然是用化石建的</div>
        <div class="item-des">这条线穿越云南红河州石屏县，在大山深深的褶皱里，隐藏着一个奇特的小村庄 “老旭甸”。</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList04.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">90后女研究生首登搏击擂台</div>
        <div class="item-des">张婧，山西太原90后女孩，在经过一段时间搏击训练后，张婧实现了人生第一次登上擂台进行实战。</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList05.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">严明，抒写大国血脉里的浪漫</div>
        <div class="item-des">世界多丰富，摄影就有多丰富</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
    <div class="item one-pic">
      <a>
      <div class="pic"><img src="/${mobileRes!}/images/videoList06.jpg"></div>      
      <div class="item-txt">
        <div class="item-title">90后“IT男”18天骑行2100公里</div>
        <div class="item-des">近日，90后小伙儿孔令旭回到辽宁省丹东市的家中，受到亲朋好友的热烈欢迎。</div>
      </div>
      <div class="item-bottom">1分钟前<span class="video-view">179</span></div>
      </a>
    </div> 
  </div>
</div>
[#include "../include/gotop.html" /]
</body>
</html>